/*
	Overall Body
*/
body, html {
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	font-family:"Times New Roman",helvetica,arial,sans-serif;
}

/* 

	Forms

*/
form #button, form #textfield {
	font-size:100%;
	clear:both;
	width:100%;
}
form #checkbox {
	width:54px;
 	height:54px;
	margin:2%;
}
/* 
	Overall Containing Element of the Entire Page 
	 - This sets the width of our entire page to 800 pixels and then centers it.
*/
#wrap {
	width:100%;
	font-size:54px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

/*
	The main header of the page ("iRoomMonitor")
	Set the font size, add some padding so it isn't right against the top of the page
		and pull it in a little bit so it's not in line with the left of the "main" column
*/
#wrap > #header {
text-align:left;
font-size:72px;
font-family:"Times New Roman",helvetica,arial,sans-serif;
padding:3% 5%;
margin:5px 0 10px 0;
}


/*
	Container - Holds both the main and sidebar columns.
	clear - There cannot be any elements on either side of this item.  Essentially makes the container be below the navbar
	padding - no padding
	overflow - Anything extending beyond the width of this container do NOT show
*/
#container {
	clear:both;
	padding:0;
}
	#container #currentdata {
		clear:both;
		margin:2%;
	}

	#container #currentdata #temperature {

		font-size:2em;
	}

	#container #currentdata #light img {
		
		width:54px;
		height:54px;
	}

	#container #header {
		padding:2%;
		clear:both;
		margin:0 0 2% 0;
	}
	
	#container #header a {
		float:right;
	}

	/*
		Container Main Subheader, Container Siderbar subheader
		padding - add a bit of padding around the header text
		width - make it span half the size of the parent column (whether sidebar or main)
		font-size - make the font size a bit smaller than the header
	*/
	#container #subheader{
		padding:2%;
		margin:0;
		width:40%;
		font-size:100%;
		border-top-right-radius:20px;
		border-bottom-right-radius:20px;
		-moz-border-radius-topright:20px;
		-moz-border-radius-bottomright:20px;
		-webkit-border-top-right-radius:20px;
		-webkit-border-bottom-right-radius:20px;
	}














